<!-- 楼层导航 -->
<template>
    <div class=''>
        <a-modal title="楼层导航" :visible="visible" :width="1000" @ok="visible = false" @cancel="visible = false">
            <!-- <s-table ref="table" size="default" rowKey="id, enabled, title" :columns="columns" :data="loadData"
                :rowSelection="null">
            </s-table> -->
            <a-table :columns="columns" :data-source="loadData">
                <span slot="isShow" slot-scope="text">{{ text === 0 ? '是' : '否' }}</span>
            </a-table>
        </a-modal>
    </div>
</template>

<script>
import { configWebsiteModule } from '@/api/web/web'
export default {
    components: {
    },
    data() {
        return {
            visible: false,
            pagination: {
                current: 1,
                pageSize: 10,
            },
            columns: [
                {
                    title: "原标题",
                    dataIndex: "title",
                    ellipsis: true,
                },
                {
                    title: "自定义标题",
                    dataIndex: "customerTitle",
                    scopedSlots: { customRender: "customerTitle" },
                },
                {
                    title: "是否展示",
                    dataIndex: "isShow",
                    width: "200px",
                    ellipsis: true,
                    scopedSlots: { customRender: "isShow" },
                },
                {
                    title: "排列顺序",
                    dataIndex: "sort",
                    scopedSlots: { customRender: "sort" },
                }
            ],
            pageNum: 1,
            // 加载数据方法 必须为 Promise 对象
            loadData: [],
        }
    },
    computed: {},
    watch: {},
    methods: {
        show() {
            this.getConfigWebsiteModule()
            this.visible = true
        },
        async getConfigWebsiteModule() {
            let res = await configWebsiteModule()
            this.loadData = res.data || []
        },
        handleOk() { }
    },
    created() {

    },
    mounted() {

    },
}
</script>
<style scoped>
</style>